

.openMenu {
  .layout-main-sidebar {
    width: 200px;
  }
  .layout-main-container {
    width: calc(100% - 200px);
  }
  .toggle-sidebar-button {
    padding: 0 16px;
  }
}

.closeMenu {
  .layout-main-sidebar {
    width: 48px;
    .menu-item-title-title {
      opacity: 0;
    }
  }
  .layout-main-container {
    width: calc(100% - 48px);
  }
  .toggle-sidebar-button {
    padding: 0 16px;
    .toggle-sidebar-button-title {
      display: none;
    }
  }
  .el-menu--collapse {
    width: 48px;
  }
  .menu-item {
    .el-menu-item {
      & > div {
        padding: 0 16px !important;
      }
    }
    .el-sub-menu {
      & > div {
        padding: 0 16px !important;
        padding-right: 15px !important;
      }
      .el-sub-menu__icon-arrow {
        display: none;
      }
      .menu-item-title-title {
        display: none;
      }
    }
  }
}

